<!DOCTYPE html>
<html>
<head>
	<title>{% block title %}{% endblock %}</title>
	<link rel="stylesheet" href="/css/bootstrap.css" />
	<!--link rel="stylesheet" href="/css/bootstrap-responsive.css" /-->	
	<link rel="stylesheet" href="/css/cecilia.css" />	
	<link rel="stylesheet" href="/css/jquery.dataTables.css" />	
	<link rel="stylesheet" href="/css/ui-lightness/jquery-ui-1.10.0.custom.min.css"/>
	<link rel="stylesheet" href="/css/token-input-facebook.css"/>	
	<link rel="stylesheet" href="/css/token-input-mac.css"/>
	<link rel="stylesheet" href="/css/token-input.css"/>	
	<script type="text/javascript" src="/js/jquery.min.js"></script>
	<script type="text/javascript" src="/js/angular.min.js"></script>	
	<script type="text/javascript" src="/js/bootstrap.js"></script>
	<script type="text/javascript" src="/js/cecilia.js"></script>	
	<script type="text/javascript" src="/js/jquery.dataTables.min.js"></script>	
	<script type="text/javascript" src="/js/jquery.raty.min.js"></script>
	<script type="text/javascript" src="/js/jquery-ui-1.10.0.custom.min.js"></script>
	<script type="text/javascript" src="/js/tiny_mce_popup.js"></script>
	<script type="text/javascript" src="/js/tiny_mce.js"></script>
	<script type="text/javascript" src="/js/jquery.tokeninput.js"></script>
	{% block includes %}{% endblock %}
</head>
<body>
	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="brand" href="/">Project Cecilia</a>
				<div class="container">
					<ul class="nav">
						<li class="">
							<a href="/"><i class="icon-home icon-white"></i> Home</a>
						</li>
						{% if current_li %}
						<li class="">
							{% if unread_messages > 0 %}
							<a href="/threads/"><i class="icon-envelope icon-white"></i> Inbox &nbsp;<span class="badge badge-warning">{{unread_messages}}</span></a>	
							{% else %}
							<a href="/threads/"><i class="icon-envelope icon-white"></i> Inbox</a>
							{% endif %}
						</li>
						{% if is_admin %}
						<li class="">
							<a href="/admin/"><i class="icon-star-empty icon-white"></i> Admin</a>
						</li>
						{% endif %}
						{% endif %}
					</ul>
					<ul class="nav pull-right">
						<li class="dropdown">
							{% if current_li %}
							<a href="#" id="userinfo" role="button" class="dropdown-toggle" data-toggle="dropdown">
								<i class="icon-user icon-white"></i> {{ current_li.get_private_display_name() }}<b class="caret"></b>
							</a>
							<ul class="dropdown-menu" role="menu" aria-labelledby="drop3">
								<li><a tabindex="-1" href="/users/">My Info</a></li>
								<li><a tabindex="-1" href="/users/shop?user_id={{ current_li.user_id }}">My Virtual Shop</a></li>
								<li class="divider"></li>
								<li><a tabindex="-1" href="{{ logout_url }}">Logout</a></li>
							</ul>
							{% else %}
							<a id="user_info" href="{{login_url}}">Login</a>
							{% endif %}
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="container mainContainer">
		{% block content %}
		{% endblock %}
	</div>
</body>
</html>